<template>
	<!-- 调用HomeHeader组件的标签形式 -->
	<home-header></home-header>
	<home-swipers :swiperList='swiperList'></home-swipers>
	 <home-icons :IconsList='IconsList'></home-icons>
	<home-Location></home-Location>
	<home-activity></home-activity>
	<home-hot :hotList='hotList'></home-hot>
	<home-doyoulike :doyouList='doyouList'></home-doyoulike>
	<home-weekgoing :weekList='weekList'></home-weekgoing>
	<home-weibu></home-weibu>
</template>

<script>
	//引入组件
	import HomeHeader from './pages/Header'
	import HomeSwipers from './pages/Swipers'
	import HomeIcons from './pages/Icons'
	import HomeLocation from './pages/Location'
	import HomeActivity from './pages/Activity'
	import HomeHot from './pages/Hot'
	import HomeDoyoulike from './pages/Doyoulike'
	import HomeWeekgoing from './pages/Weekgoing'
	import HomeWeibu from './pages/Weibu'
	import axios from 'axios'
	//导出调用组件
	export default {
		components: {
			HomeHeader,
			HomeSwipers,
			HomeIcons,
			HomeLocation,
			HomeActivity,
			HomeHot,
			HomeDoyoulike,
			HomeWeekgoing,
			HomeWeibu
		},
		data(){
			return {
				swiperList : [],
				IconsList : [],
				hotList : [],
				doyouList : [],
				weekList:[]
			}
		},
		mounted() {
			axios.get('./dataHome.json').then((res)=>{
				// console.log(res)
				const msg = res.data.data[0];
				this.swiperList = msg.swiperList;
				this.IconsList = msg.IconsList;
				this.hotList = msg.hotList;
				this.doyouList = msg.doyouList;
				this.weekList=msg.weekList;
			})
		}
	}
</script>

<style>
</style>
